<!DOCTYPE html>
<html>

<head>
  <title>尹宗文的简历</title>
  <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
  <link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
  <meta name="author" content="Yinvoker">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<!---- start-smoth-scrolling---->
  <script type="text/javascript" src="./js/move-top.js"></script>
  <script src="./js/jquery.min.js"> </script>

  <meta name="referrer" content="never" />
  <!---- start-smoth-scrolling---->
</head>

<body>
  <script type="text/javascript">
    function changelanguage(){
      var navType=navigator.appName
      if (navType=="Netscape"){
      var lang = navigator.language
      }else{
      var lang = navigator.userLanguage
      }
      //取得浏览器语言的前两个字母
      var lang = lang.substr(0,2)
      if (lang == "en"){
        window.location.replace('index_en.html')
      }
    }
    window.onload = changelanguage;
  </script>
  <!------headerbg starts--------->
  <div id="top-top" >

    <!------header starts--------->
    <div class="header">
      <!------container starts--------->
      <div class="container">
        <div class="logo">
          <a href="#">Yinvoker</a>
        </div>
        <!------Navigation starts--------->
        <div class="nav">
          <ul>
            <li>
              <a class="scroll" href="#about">关于</a>
            </li>
            <li>
              <a class="scroll" href="#skills">技能</a>
            </li>
            <li>
              <a class="scroll" href="#port">项目</a>
            </li>
            <li>
              <a class="scroll" href="#contact">联系</a>
            </li>
          </ul>
        </div>
        <!------Navigation ends-------->
        <div class="clear"></div>
      </div>
      <!------container ends--------->
    </div>
    <!------header ends--------->
    <!------Banner starts--------->
    <div class="banner">
      <div class="container">
        <div class="banner-info">
          <div class="bannerlogo">
            <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/diamond.png">
          </div>
          <div class="bannerhead">
            <h2>我叫 	
              <span>尹宗文</span>
            </h2>
            <h3>21岁</h3>
            <p>我是一名软件工程的大三学生，目前就读于湖南大学。热爱DOTA。</p>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/banner.png" class="headerbg">
    <!------Banner ends-------->
  </div>
  <!------Headerbg ends-------->
  <!------Content starts--------->
  <div class="content">
    <!------About starts--------->
    <div id="about" class="about">
      <div class="container">
        <div class="header-section text-center">
          <h2>
            <span></span>关于我
            <span></span>
          </h2>
        </div>
        <span>
          <p>以下是我的学业经历</p>
        </span>

        <div class="years">
          <h4>
            <b>2013~2016</b>
          </h4>
          <span>
            <h4>高中时期</h4>
          </span>
          <p>
            <i>
              就读于甘肃省天水市第一中学
              <br> 以前10%的优秀成绩毕业
            </i>
          </p>
        </div>

        <div class="years">
          <h4>
            <b>2016~至今</b>
          </h4>
          <span>
            <h4>大学时期</h4>
          </span>
          <p>
            <i>
              就读于湖南大学
              <br> ccfcsp认证考试获得全国6%的优异成绩
              <br> 2019年湖南大学信息院“网页设计大赛”二等奖
              <br> “2018年华中hackathon”优秀奖
              <br> 2017年湖南大学回访母校活动“优秀负责人”
              <br> 2018年湖南大学回访母校活动“优秀负责人”
              <br> 现就任信息湖南大学科学与工程学院学生会副主席
              <br> 现就任湖南大学招生与就业指导处招生办助管
            </i>
          </p>
        </div>
      </div>
    </div>
    <!------About Ends--------->

    <!------SKILLS Starts--------->
    <div id="skills" class="skills">
      <div class="container">
        <div class="skills-grids">
          <div class="skill-section text-center">
            <h2>
              <span></span>技能树
              <span></span>
            </h2>
          </div>
          <div class="services_grids">
            <div id="canvas">
              <div class="skill-grids text-center">
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-1"></div>
                    <h3>MySql</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-2"></div>
                    <h3>C++</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-3"></div>
                    <h3>HTML</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-4"></div>
                    <h3>CSS</h3>
                  </div>
                </div>
                
                <div class="clearfix"> </div>
              </div>
              <div class="skill-grids text-center">
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-5"></div>
                    <h3>JavaScript</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-6"></div>
                    <h3>JAVA</h3>
                  </div>
                </div>
                
                <div class="clearfix"> </div>
              </div>
            </div>
          </div>
          <!---->
          <script type="text/javascript" src="./js/circles.js"></script>
		  <script>
			var colors = [
			  ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A']
			];
			var numbers = [
			  6,5,9,9,5,7
			];
			for (var i = 1; i <= 6; i++) {
			  var child = document.getElementById('circles-' + i),
			  percentage = numbers[i - 1]*10;
			  Circles.create({
				id: child.id,
				percentage: percentage,
				radius: 80,
				width: 15,
				number: numbers[i - 1],
				text: '★',
				colors: colors[i - 1]
			  });
			}
		  </script>
          <!--/-->
        </div>
      </div>
    </div>
  </div>
  <!------SKILLS Ends--------->
  <!------PORTFOLIO Starts--------->
  <div id="port" class="Portfolio">
    <div class="Portfolio-section text-center">
      <h2>
        <span></span>项目展示
        <span></span>
      </h2>
    </div>
    <div class="container">
      <div class="portfolio-grids">
        <div class="portfolio-grid col-md-4">
          <div class="img_div">
			<img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/wsh.png" alt="兰州财经大学微生活">
            	<div class="img_mask" >
               		<h3>
               			该小程序致力于带给兰州财经大学的同学更方便快捷的校园生活体验，日前使用人数为954人<br><br>
               			<a href="https://github.com/yinvoke/lzcjwsh">了解更多</a>
               		</h3>
                </div>
            <p>2018-2019</p>
            <p style="margin-top:0.5em">兰州财经大学微生活</p>
          </div>
        </div>
        <div class="portfolio-grid col-md-4">
          <div class="img_div">
			<img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/wlw.png" alt="基于物联网的实时数据采集系统">
            	<div class="img_mask">
               		<h3>
               			课程项目，完成了基于物联网的实时数据采集系统<br><br>
               			<a href="https://github.com/yinvoke/wlwcoding">了解更多</a>
               		</h3>
                </div>
            <p>2018</p>
            <p style="margin-top:0.5em">基于物联网的实时数据采集系统</p>
          </div>
        </div>
        <div class="portfolio-grid col-md-4">
          <div class="img_div">
			<img src=" https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/vmail.png" alt="vmail">
            	<div class="img_mask">
               		<h3>
               			课程设计项目，该小程序可以提供便捷的邮件收发功能<br><br>
               			<a href="https://github.com/yinvoke/vmail_front">了解更多</a>
               		</h3>
                </div>
            <p>2019</p>
            <p style="margin-top:0.5em">vmail</p>
          </div>
        </div>
        <div class="clear"> </div>
      </div>

    </div>
  </div>
  </div>
  <!------Content Ends-------->

  <!------FOOTER Starts----------->
  <div id="contact" class="footer">
    <div class="container">

      <div class="contact-section text-center">
        <h2>
          <span></span>联系我
          <span></span>
        </h2>
      </div>
      <div class="row">

        <div class="col-md-6">
          <div class="footer-left">
            <div class="social-icons">
              <a href="https://github.com/yinvoke">
                <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/github.png">
              </a>
              <a href="https://blog.csdn.net/qq_40294512">
                <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/csdn.png">
              </a>
              <a href="https://www.jianshu.com/u/83f24c47509e">
                <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/jianshu.png">
              </a>
            </div>
            <p>想要了解更多我的信息以点击查看我的 <a href="https://github.com/yinvoke">github</a> / <a href="https://blog.csdn.net/qq_40294512">csdn博客</a> / <a href="https://www.jianshu.com/u/83f24c47509e">简书博客</a> ，当然也给我发送电子邮件~</p>
          </div>
        </div>

        <div class="col-md-6">
          <div class="footer-right">
            <div class="form">
              <form action="https://formspree.io/425623934@qq.com" method="post">
                <input type="text" class="text" name="name" placeholder="您的姓名" >
                <input type="text" class="text" name="_replyto" placeholder="您的E-mail" >
                <textarea name="message" rows="2" cols="70" ></textarea>
                <div class="clear"> </div>
                <input type="submit" value="发送" id="btn">
              </form>
            </div>
          </div>
      </div>
    </div>
    <a class="up scroll" href="#top-top">
      <span> </span>
    </a>

  <script type="text/javascript">
	jQuery(document).ready(function($) {
	  $(".scroll").click(function(event){		
		event.preventDefault();
		$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
	  });
	});
  </script>
  </div>

</body>

</html>